Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML:
cliccando su una cella di una tabella (tag Background Color ) questa viene selezionata e
la selezione è evidenziata cambiando il colore del bordo in giallo (sia assegna
“gold” alla proprietà di stile borderColor). Il valore precedente del colore del
bordo deve essere memorizzato. Al momento della selezione, il valore della proprietà
di stile ‘colore di sfondo’ (backgroundColor) viene copiato in un elemento di input
di testo predefinito (con id “bgcolor”). Fino a quando la cella è selezionata non
è possibile selezionarne un’altra. Per deselezionare la cella occorre battere
il tasto return nell’elemento di input di testo “bgcolor” (evento keyPress con
attributo dell'evento keyCode uguale a 13). Quando si deleseziona la cella,
il valore scritto nel campo di testo “bgcolor” viene assegnato alla proprietà
di stile ‘colore di sfondo’ della cella e si ripristina il colore del bordo
con quello memorizzato in occasione del click di selezione.
Click on cells
A1
B1
C1
A2
B2
C2
A3
B3
C3